<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>江苏天鼎</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
</head>
<body>
<div id="header" class="con">
    <a href="javascript:void(0);" class="ufl">网站导航</a>
    <a href="javascript:void(0);" class="ufr icon icon-phone">客服热线：025-962155</a>
    <a href="javascript:void(0);" class="ufr icon icon-account">汇款方式</a>
    <a href="javascript:void(0);" class="ufr icon icon-user">人员招聘</a>
</div>
<div id="top" class="con ub ub-ac">
    <div class="logoIcon"></div>
    <div class="logoText"></div>
    <div class="logoVerse ub ub-ver ub-ac ub-pc">
        <div class="logoPot">天鼎证券</div>
        <div class="number">编号:913200001347857395</div>
    </div>
    <div class="slogan">成为中国专业度第一名投资理财平台</div>
    <div class="ub-f ub ub-ac ub-pe">
        <input type="search" class="searchInput" placeholder="请输入关键字查询">
        <div class="searchBtn">搜索</div>
    </div>
</div>
<div id="nav">
    <div class="con ub">
        <a href="index.html" class="ub ub-ac ub-pc ub-f">首页</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">产品中心</a>
        <a href="videoLive.html" class="ub ub-ac ub-pc ub-f">名师直播</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">师资团队</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">天鼎基金</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">公司介绍</a>
    </div>
</div>
<!-- banner轮播图 -->
<div class="swiper-container banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="image/statics/banner-live.jpg"></div>
    </div>
    <!--圆点分页器-->
    <!--<div class="swiper-pagination"></div>-->
    <!--滚动条-->
    <!--<div class="swiper-scrollbar"></div>-->
</div>
<div id="content" class="con style2">
    <div class="vPlane">
        <div class="ttips">TIME</div>
        <div class="title">直播时间表</div>
        <div class="uf" style="z-index: 2;">
            <div>
                <div class="liveCro active">股道争锋直播间</div>
                <div class="liveCro">牛人大学堂直播间</div>
                <div class="liveCro">VIP专享直播间</div>
            </div>
            <div class="uf-f">
                <table class="liveCroTable show">
                    <tr>
                        <td>周一至周五</td>
                        <td>09:00-10:00</td>
                        <td>赢在开盘</td>
                        <td>孙&nbsp;&nbsp;&nbsp;腾</td>
                        <td>10:00-11:30</td>
                        <td>早盘直击</td>
                        <td>闵庆华</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>14:00-15:00</td>
                        <td>操盘论市</td>
                        <td>邵道明</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td>19:45-20:30</td>
                        <td>股道争锋</td>
                        <td>孙&nbsp;&nbsp;&nbsp;腾</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
                <table class="liveCroTable">
                    <tr>
                        <td>周一至周五</td>
                        <td>19:15-19:45</td>
                        <td>股道争锋</td>
                        <td>牛道人</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
                <table class="liveCroTable">
                    <tr>
                        <td>周一至周五</td>
                        <td>09:15-11:30</td>
                        <td>VIP专享</td>
                        <td>吴&nbsp;&nbsp;&nbsp;军</td>
                        <td>13:00-15:00</td>
                        <td>VIP专享</td>
                        <td>辛道颖</td>
                    </tr>
                    <tr>
                        <td>周一至周四</td>
                        <td>19:40-20:30</td>
                        <td>VIP专享</td>
                        <td>吴&nbsp;&nbsp;&nbsp;军</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="wheel"></div>
    </div>

    <div class="vPlane">
        <div class="ttips">NEW</div>
        <div class="title">最新直播</div>
        <div class="uf uf-pj liveHomes">
            <div class="liveHome">
                <img src="image/statics/livePic1.jpg">
                <div class="name">老牛私塾牛人大学堂</div>
                <a href="javascript:void(0);" class="btnIn">点击进入</a>
            </div>
            <div class="liveHome">
                <img src="image/statics/livePic2.jpg">
                <div class="name">股道争锋直播间</div>
                <a href="javascript:void(0);" class="btnIn">点击进入</a>
            </div>
            <div class="liveHome">
                <img src="image/statics/livePic3.jpg">
                <div class="name">VIP专享直播间</div>
                <a href="javascript:void(0);" class="btnIn">点击进入</a>
            </div>
            <div class="liveHome">
                <img src="image/statics/livePic4.jpg">
                <div class="name">牛股奇袭直播间</div>
                <a href="javascript:void(0);" class="btnIn">点击进入</a>
            </div>
        </div>
    </div>

    <div class="vPlane">
        <div class="ttips">TABLE</div>
        <div class="title">最新复播</div>
        <div class="uf">
            <div class="uf-f copyType">
                <div class="name">老牛私塾牛人大学堂</div>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
            </div>
            <div class="uf-f copyType">
                <div class="name">股道争锋直播间</div>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
            </div>
            <div class="uf-f copyType">
                <div class="name">VIP专享直播间</div>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
                <a href="javascript:void(0);" class="uf uf-pj videoLink">
                    <div class="title">08月02日市场传闻揭秘</div>
                    <div class="time">08月02日</div>
                </a>
            </div>

        </div>
    </div>

</div>
<div id="footer" class="con ub">
    <div class="sides">
        <div>友情链接</div>
        <a href="javascript:void(0);" class="logoPot">天鼎证券</a>
    </div>
    <div class="center ub-f">
        <div class="uf uf-ac linksLine">
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">关于我们</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">联系我们</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">法律声明</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">风险提示</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">常见问题</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">网站地图</a>
        </div>
        <div class="uf uf-pc">网站所载文章、数据仅供参考，使用前请核实，风险自负</div>
        <div class="uf  uf-pja">
            <a href="javascript:void(0);" class="uf">本网站资讯内容由江苏天鼎投资咨询有限公司提供</a>
            <a href="javascript:void(0);" class="uf">苏ICP备09015858号-6</a>
        </div>
    </div>
    <div class="sides">
        <div>公司二维码</div>
        <img src="image/statics/codePic.jpg">
    </div>
</div>

<div id="backTop" title="回到顶部" onclick="backToTop(this);"></div>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        swipeInit(); //轮播图初始化
        navFixedByScroll(); //监听滚动条修正顶部导航位置
        //课程表
        $(".liveCro").mouseover(function () {
            var $title = $(this), index = $title.index();
            var tableArr = $(".liveCroTable"), $table = $(tableArr[index]);
            $title.addClass("active").siblings().removeClass("active");
            $table.addClass("show").siblings().removeClass("show");

        });
    });

    //滚动回顶部
    function backToTop(ele) {
        $(ele).addClass("launch");
        setTimeout(function () {
            $('html,body').animate({scrollTop: 0}, 300);
            $(ele).removeClass("launch");
        }, 800);
    }

    //监听滚动条修正顶部导航位置
    function navFixedByScroll() {
        var $container = $(window);
        var $nav = $("#nav"),
                topH = $nav.position().top;
        var $backTop = $("#backTop"); //滚动到顶部的按钮元素
        //nav滚动到顶部时，定位在顶部
        $container.scroll(function () {
            var afterScrollTop = $container.scrollTop();
            if (afterScrollTop >= topH) {
                $nav.css({
                    "position": "fixed",
                    "top": 0
                });
                $backTop.show();
            } else {
                $nav.css({
                    "position": "absolute",
                    "top": topH
                });
                $backTop.hide();
            }
        });
    }

    //轮播图初始化
    function swipeInit() {
        //bannner图片轮播
        new Swiper('.swiper-container.banner', {
            pagination: '.swiper-pagination',//分页器（小点）
            paginationClickable: true,//分页器是否可点击
            autoplay: 5000,//自动轮播，毫秒数
            autoplayDisableOnInteraction: false,//用户手动操作后，是否停止自动轮播
            loop: false,//环路
            touchRatio: 0.5,//触摸距离与slide滑动距离的比率,默认：1,设置为0.5后slide滑动距离只有触摸距离的一半，降低滑动灵敏度
            lazyLoading: true,//允许图片的懒加载
            lazyLoadingInPrevNext: true,//允许将图片的懒加载应用到最接近的slide的图片（前一个和后一个slide）
            lazyLoadingOnTransitionStart: true,//图片的懒加载在过渡一开始就加载
            observer: true,//当Swiper元素变化时，例如window.resize，Swiper更新
            observeParents: true,//当Swiper的父元素变化时，例如window.resize，Swiper更新
            grabCursor: true//鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状
        });
    }
</script>
</body>
</html>